import { motion } from "framer-motion";
import { Spacer } from "@heroui/react";
import { Children } from "react";
export default function LoginHeader({ children }) {
  return (
    <>
      {children[0]}
      <motion.div className="flex flex-col">
        <p className="text-md text-white font-light">
          {children[1]}
          {children[2]}
        </p>
        <p className="text-small font-light text-gray-400">{children[3]}</p>
      </motion.div>
      <Spacer x={5}></Spacer>
    </>
  );
}
